<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/public/statics/css/swiper.min.css"/>
    <link rel="stylesheet" href="/public/statics/css/common.css"/>
    <link rel="stylesheet" href="/public/statics/css/css.css"/>
    <script src="/public/statics/js/jquery.min.js"></script>
    <script src="/public/statics/js/swiper.jquery.min.js"></script>
    <!--下面紧接title start-->
    <title>首页</title>
<!--上面紧接title end-->
</head>
<body>
<!--header-->
<header>
    <div class="header_top main">
        <a href="<?php echo U('Index/index');?>"><img class="header_logo" src="/public/statics/images/logo.png" width="135" height="30" alt=""/></a>
        <div class="header_slogan"> 一图一创新，一图一世界</div>
        <div class="header_search"><input class="text" type="text" placeholder="搜多关键字"/><input class="ser_btn" type="button" value="搜索"/></div>

        <?php if(session("tel")){ ?>

            <div class="header_my">
                <?php if($src): ?><a class="photo" href="<?php echo U('My/index');?>"><img src="./Uploads/<?php echo ($src); ?>" alt=""/></a>
                    <?php else: ?>
                    <a class="photo" href="<?php echo U('My/index');?>"><img src="/public/statics/images/photo.png" alt=""/></a><?php endif; ?>

                <a class="msg" href="<?php echo U('My/msg');?>"><img src="/public/statics/images/xx.png" alt=""/></a>
                <a href="<?php echo U('Register/loginOut');?>" style="background: none; padding:0; font-size: 12px;">退出</a>
            </div>

        <?php }else{ ?>

            <div class="header_login"><a href="<?php echo U('Register/login');?>">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="<?php echo U('Register/register');?>">注册</a></div>

        <?php } ?>

    </div>
    <div class="header_nav">
        <div class="main">
            <a href="<?php echo U('Index/index');?>" class="<?php if($nav == 1){echo 'on';} ?>">首页</a>
            <a href="<?php echo U('Index/hot');?>" class="<?php if($nav == 2){echo 'on';} ?> pr">热门 <img class="nav_hot" src="/public/statics/images/hot.png" width="37" height="17" alt=""/></a>
            <a href="<?php echo U('Index/info');?>" class="<?php if($nav == 3){echo 'on';} ?>">资讯</a>
            <a href="<?php echo U('Index/tech');?>" class="<?php if($nav == 4){echo 'on';} ?>">科技</a>
            <a href="<?php echo U('Index/life');?>" class="<?php if($nav == 5){echo 'on';} ?>">生活</a>
            <a href="<?php echo U('Index/fund');?>" class="<?php if($nav == 6){echo 'on';} ?>">基金</a>
            <a href="<?php echo U('Index/tel');?>" class="<?php if($nav == 7){echo 'on';} ?>">联系我们</a>
        </div>
    </div>
</header>
<!--header end-->
<div class="box">
    <div class="banner_swiper">
        <div class="swiper-container" id="index_swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="/public/statics/images/banner1.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="/public/statics/images/banner1.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="/public/statics/images/banner1.jpg" alt=""/></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="main pt20 pb50">
        <div class="ind_left_cont fl">
            <div class="ind_news">
                <h2 class="c_h2">最新 <a class="more" href="javascript:;">更多</a></h2>
                <div class="ind_news_cont">
                    <div class="img1 pr mr20">
                        <div class="hot"><img src="/public/statics/images/hot2.png" width="84" height="39" alt=""/></div>
                        <img src="/public/statics/images/img1.jpg" alt=""/>
                        <p class="ellipsis">大数据未来的发展方向</p>
                    </div>
                    <div class="img3">
                        <img src="/public/statics/images/img2.jpg" alt=""/>
                        <p class="ellipsis2">人本数据和感知计算是大数据发展方向</p>
                    </div>
                    <div class="img3 mr20">
                        <img src="/public/statics/images/img3.jpg" alt=""/>
                        <p class="ellipsis2">人本数据和感知计算是大数据发展方向</p>
                    </div>
                    <div class="img3 mr20">
                        <img src="/public/statics/images/img4.jpg" alt=""/>
                        <p class="ellipsis2">人本数据和感知计算是大数据发展方向</p>
                    </div>
                    <div class="img3">
                        <img src="/public/statics/images/img5.jpg" alt=""/>
                        <p class="ellipsis2">人本数据和感知计算是大数据发展方向</p>
                    </div>
                </div>
                <div class="cb"></div>

            </div>
            <div class="ind_recommander mt30">
                <h2 class="c_h2">推荐 <a class="more" href="javascript:;">更多</a></h2>
                <div class="ind_recommander_cont oh">
                    <div class="img pr mr20">
                        <img src="/public/statics/images/img6.jpg" alt=""/>
                        <div class="bot">
                            <p class="tit">一图一世界</p>
                            <p class="ellipsis">大数据未来的发展方向</p>
                        </div>
                    </div>
                    <div class="img pr mr20">
                        <img src="/public/statics/images/img7.jpg" alt=""/>
                        <div class="bot">
                            <p class="tit">一图一世界</p>
                            <p class="ellipsis">大数据未来的发展方向</p>
                        </div>
                    </div>
                    <div class="img pr mr20">
                        <img src="/public/statics/images/img8.jpg" alt=""/>
                        <div class="bot">
                            <p class="tit">一图一世界</p>
                            <p class="ellipsis">大数据未来的发展方向</p>
                        </div>
                    </div>
                    <div class="img pr mr20">
                        <img src="/public/statics/images/img9.jpg" alt=""/>
                        <div class="bot">
                            <p class="tit">一图一世界</p>
                            <p class="ellipsis">大数据未来的发展方向</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ind_right_cont fr">
            <div class="hot">
                <h2>热门</h2>
                <div class="hot_nav"><span class="on">日</span><span>月</span><span>周</span></div>
                <div class="hot_man">
                    <div class="hot_mode ">
                        <img src="/public/statics/images/pt1.png" alt=""/>
                        <p class="ellipsis">神奇的世界</p>
                        <p class="ellipsis">解密昆士兰，赢取神秘之旅</p>
                    </div>
                    <div class="hot_mode">
                        <img src="/public/statics/images/pt2.png" alt=""/>
                        <p class="ellipsis">神奇的世界</p>
                        <p class="ellipsis">解密昆士兰，赢取神秘之旅</p>
                    </div>
                    <div class="hot_mode">
                        <img src="/public/statics/images/pt3.png" alt=""/>
                        <p class="ellipsis">神奇的世界</p>
                        <p class="ellipsis">解密昆士兰，赢取神秘之旅</p>
                    </div>
                </div>
            </div>
            <div class="honor mt10">
                <h2 class="mb20">荣誉榜 <img src="/public/statics/images/new.png" width="24" height="11" alt=""/></h2>
                <div class="honor_rank">
                    <div class="honor_mode oh">
                        <div class="rank"><span></span></div>
                        <img src="/public/statics/images/pt4.png" alt=""/>
                        <div class="fl">
                            <p class="tit ellipsis">神奇的世界</p>
                            <p class="lv">LV.45</p>
                        </div>
                        <div class="num">52</div>
                    </div>
                    <div class="honor_mode oh">
                        <div class="rank"><span></span></div>
                        <img src="/public/statics/images/pt4.png" alt=""/>
                        <div class="fl">
                            <p class="tit ellipsis">神奇的世界</p>
                            <p class="lv">LV.45</p>
                        </div>
                        <div class="num">52</div>
                    </div>
                    <div class="honor_mode oh">
                        <div class="rank"><span></span></div>
                        <img src="/public/statics/images/pt4.png" alt=""/>
                        <div class="fl">
                            <p class="tit ellipsis">神奇的世界</p>
                            <p class="lv">LV.45</p>
                        </div>
                        <div class="num">52</div>
                    </div>
                    <div class="honor_mode oh">
                        <div class="rank"><span></span></div>
                        <img src="/public/statics/images/pt4.png" alt=""/>
                        <div class="fl">
                            <p class="tit ellipsis">神奇的世界</p>
                            <p class="lv">LV.45</p>
                        </div>
                        <div class="num">52</div>
                    </div>
                    <div class="honor_mode oh">
                        <div class="rank"><span></span></div>
                        <img src="/public/statics/images/pt4.png" alt=""/>
                        <div class="fl">
                            <p class="tit ellipsis">神奇的世界</p>
                            <p class="lv">LV.45</p>
                        </div>
                        <div class="num">52</div>
                    </div>
                    <div class="honor_mode oh">
                        <div class="rank"><span></span></div>
                        <img src="/public/statics/images/pt4.png" alt=""/>
                        <div class="fl">
                            <p class="tit ellipsis">神奇的世界</p>
                            <p class="lv">LV.45</p>
                        </div>
                        <div class="num">52</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="cb"></div>
    </div>
</div>
<!--footer-->
<footer>
    <div class="main pr">
        <div class="saoDown">
            <div class="saoMa"><img src="/public/statics/images/ma.png" width="150" height="151" alt=""/></div>
            <div class="saotxt tc">[扫描下载APP]</div>
        </div>
        <div class="fot_top oh">
            <div class="fot_left f12 fl">
                <h2 class="f16 pb20">联系我们</h2>
                <p><span>电话：</span>400-88888888</p>
                <p><span>传真：</span>022-8888888</p>
                <p><span>邮箱：</span>service@tu.com</p>
            </div>
            <div class="fot_right fl">
                <h2 class="f16 pb10">关于我们</h2>
                <div class="fot_block f12">
                    <div style="padding-left: 22px; padding-top: 16px;">
                        <span style="color: #ee1c25;">一图一创新,一图一世界。</span>用户上传自己的创新案例,或分享发现的创新案例,并有良好的交互。<br />
                        碎片时代,全图片模式,较少阅读量;<br />
                        让眼球凝聚创新,让时间实现价值;<br />
                        每月每年会评选优秀创新奖,并发放奖励;
                    </div>
                </div>
            </div>
        </div>
        <div class="fot_bot f12">Copyright©2011-2017 tu365.com All Rights Reserved  版权所有∙ 天津创新世界有限公司</div>
    </div>
</footer>
<!--footer end-->
<script>
    /**
     *
     * 这样可以获取php的值：
     *  var na = '<?php echo $nav ?>';
     *  alert(na);
     * @type {string}
     */

    $(".server_qh span").click(function(){
        var i = $(this).index();
        $(this).addClass("on").siblings().removeClass("on");
        $(".qimg img").eq(i).show().siblings().hide();
    });
    $(".qiehuan span").click(function(){
        $(this).addClass("on").siblings().removeClass("on");
    });
    var mySwiper = new Swiper ('.swiper-container', {
        loop: true,
        pagination: '.swiper-pagination',
        autoplayDisableOnInteraction : false,
        autoplay: 4000,
        prevButton:'.swiper-button-prev',
        nextButton:'.swiper-button-next'
    });


//    荣誉榜
    $(".honor_rank .honor_mode").each(function(i){
        if(i<=2){
            $(this).find(".rank span").remove();
        }else{
            $(this).find(".rank span").text(i+1);
        }
    });
    $(".hot_nav span").click(function(){
        $(this).addClass("on").siblings().removeClass("on");
    })
</script>
</body>
</html>